// .ant-layout-content{
//     display: flex;
// }
.ant-layout-content{
    display: flex;
    flex-direction: column;
}


.homeHeader{
    height: 150px;
    border-bottom: 20px solid rgb(245, 245, 245);
    display: flex;
    
    .left{
        flex:1;
        border-right: 10px solid rgb(245, 245, 245);
        display: flex;
        align-items: center;
        justify-content: start;

        div{
            margin-left: 20px;
        }
    }
    .right{
        flex:1;
        display: flex;

        div{
            flex:1;
            text-align: center;
            color:blue;
            
            svg{
                font-size: 55px;
                color: rgb(91, 107, 115);
            }
        }
    }
}

.homeContent{
    display: flex;
    overflow: auto;

    .contentLeft{
        overflow: auto;
        flex: 1;
        border-right: 10px solid rgb(245, 245, 245);
        height: 100%;
        width: 100%;
    }
    .contentRight{
        flex: 1;
        overflow: hidden ;
        .ant-card{
            border-radius: 30px;
            text-align: center;
            margin: auto;
            .ant-card-body{
                background-color:rgba(255, 255, 255, 0);
            }
        }
    }
}


.ant-modal{
    height: 350px;
    width: 800px;

    .ant-modal-content{
        width: 100%;
        height: 100%;

        .ant-modal-body{
            height: 100%;
            width: 100%;
        }

        video{
            width: 100%;
        }
    }
}